<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="../resources/css/style.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"/>

        <title>TheCityRater - <ui:insert name="title"></ui:insert></title>
    </h:head>

    <h:body>
        <div id="main_container">
            <div id="header">
                <div id="logo">
                    <a href="./index.xhtml"><img src="../resources/images/logo.png" width="147" height="78" alt="" title="" border="0" /></a>
                </div>
                <div class="banner_adds"></div>
                <div class="menu">
                    <ul>
                        <li><a href="./index.xhtml">Accueil</a></li>
                        <li><a href="./list_enseignes.xhtml">Toutes les enseignes</a>
                            <ul><li><a href="" title="">Restaurant</a></li>
                                <li><a href="" title="">Hotel</a></li>
                            </ul>
                        </li>
                        <ui:insert name="menu"></ui:insert>
                        <h:form rendered="#{utilisateurMBean.connecte}">
                            <li><a href="profil.xhtml">Mon profil</a></li>
                            <li><h:commandLink id="deconnexion" value="Se déconnecter" action="#{utilisateurMBean.deconnexion}"/></li>
                        </h:form>
                        <h:form rendered="#{!utilisateurMBean.connecte}">
                            <li><a href="inscription.xhtml">S'inscrire</a></li>
                            <li><a href="connection.xhtml">Se connecter</a></li>
                        </h:form>
                        <h:form rendered="#{utilisateurMBean.estAdmin()}">
                            <li><a href="administration.xhtml">Administration</a></li>
                        </h:form>
                    </ul>
                </div>
            </div>
            <div id="main_content">
                <div class="column1">
                    <div class="left_box">
                        <div class="top_left_box">
                        </div>
                        <div class="center_left_box">
                            <div class="box_title"><span>Où</span> rechercher ?</div>
                            <h:form>
                                <div class="form">
                                    <div class="form_row"><label class="left">Enseigne :</label><h:inputText id="nom" value="#{enseigneMBean.nom}"/></div>
                                    <div class="form_row"><label class="left">Ville :</label><h:inputText id="ville" value="#{enseigneMBean.ville}"/></div>
                                    <div class="form_row"><label class="left">De type :</label></div>
                                    <h:selectOneRadio id="type" value="#{enseigneMBean.type}">
                                        <f:selectItem itemLabel="Restaurant" itemValue="restaurant"/>
                                        <f:selectItem itemLabel="Hôtel" itemValue="hotel"/>
                                        <f:selectItem itemLabel="Commerce" itemValue="commerce"/>
                                    </h:selectOneRadio>

                                    <div style="float:right; padding:10px 25px 0 0;">
                                        <h:commandButton action="./list_enseignes.xhtml" value="Chercher"/>
                                    </div>
                                </div>
                            </h:form>
                        </div>
                        <div class="bottom_left_box">
                        </div>
                    </div>
                    <div class="left_box">
                        <div class="top_left_box">
                        </div>
                        <div class="center_left_box">
                            <div class="box_title"><span>S'abonner</span> à la newsletter:</div>
                            <h:form>
                                <div class="form">
                                    <div class="form_row"><label class="left">Email: </label><input type="text" class="form_input"/></div>
                                    <div style="float:right; padding:10px 25px 0 0;">
                                        <div style="float:right; padding:10px 25px 0 0;">
                                            <h:commandButton value="S'abonner"/>
                                        </div>
                                    </div>
                                </div>
                            </h:form>
                        </div>
                        <div class="bottom_left_box">
                        </div>
                    </div>
                    <div class="left_box">
                        <div class="top_left_box">
                        </div>
                        <div class="center_left_box">
                            <div class="box_title"><span>Contact</span></div>
                            <div class="form">
                                <div class="form_row">
                                    <img src="../resources/images/contact_envelope.gif" width="50" height="47" border="0" class="img_right" alt="" title="" />
                                    <div class="contact_information">
                                        Email: thecityrater@googlegroups.com<br />
                                        Téléphone: #########<br />
                                        Mobile: #########<br />
                                        Fax: #########<br /><br />
                                        <span>www.companyname.com</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="bottom_left_box">
                        </div>
                    </div>
                </div><!-- end of column 1 -->

                <div id="content" class="left_content">
                    <ui:insert name="content"></ui:insert>
                </div><!-- end of content -->

                <!-- end of main_content -->

                <div id="footer">
                    <div id="copyright">
                        <div style="float:left; padding:3px;"><a href="#"><img src="../resources/images/footer_logo.gif" width="42" height="35" alt="" title="" border="0" /></a></div>
                        <div style="float:left; padding:14px 10px 10px 10px;"> TheCityRater &copy; All Rights Reserved 2011</div>
                    </div>

                </div>
            </div>
            <!-- end of main_container -->
        </div>
    </h:body>
</html>